
<!doctype html>
<html lang="en">
<head>
    <% include head.ejs %>
    <link rel="stylesheet" href="/css/loading.css"/>
    <link rel="stylesheet" href="/css/product.css"/>
</head>
<body>
<% include nav.ejs %>
<style>
    body {
        padding-top: 70px;
    }
    form {
        text-align: center;
    }
</style>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12">
            <form class="form-inline">
                <div class="form-group">
                    <label class="sr-only" for="exampleInputAmount">搜索</label>
                    <div class="input-group">
                        <div class="input-group-addon"><span class="iconfont icon-search"></span></div>
                        <input type="text" class="form-control" id="exampleInputAmount" placeholder="搜索资料">
                        <div class="input-group-addon"></div>
                    </div>
                </div>
            </form>
        </div>

        <div class="col-md-12">

            <div class="course-list" style="margin-top: 10px;">
                <div class="js-course-list">
                    <div id="list-content" class="list-content">

                        <div class="col-md-4 li">
                            <a href="/view/342">
                                <div class="course-list-img"><img  alt="C++远征之起航篇"
                                                                  src="http://img.mukewang.com/550b86560001009406000338-300-170.jpg">
                                </div>
                                <h5><span>C++远征之起航篇</span></h5>

                                <div class="intro"><p>C++亮点尽在其中</p><span class="l new">更新至5-1</span> <span class="r">课程时长：1小时0分</span>
                                </div>
                                <div class="tips"><span class="l new">45分钟前更新</span> <span class="r">47人学习</span></div>
                            </a>
                        </div>

                    </div>

                    <div id="loading" class="spinner">
                        <div class="rect1"></div>
                        <div class="rect2"></div>
                        <div class="rect3"></div>
                        <div class="rect4"></div>
                        <div class="rect5"></div>
                </div>

            </div>
        </div>

        </div>

    </div>
</div>

</body>

<% include basejs.ejs %>
<script src="/js/list.js"></script>
<script src="/js/app.js"></script>
<script>
    //    $(function() {
    //        $('#list-content li').hide();
    //
    //        setTimeout(function () {
    //            $('#loading').hide();
    //            $('#list-content li').show();
    //        },3000)
    //    });
</script>
</html>
